<template>
  <el-menu  class="el-menu-demo" align="left"
    background-color="#545c64"
            text-color="#fff"
            active-text-color="#409eff"
            router
            :unique-opened="true"
  >

    <el-submenu index="2">
      <template slot="title">
        <span>小区房屋管理</span>
      </template>
      <el-menu-item index="/house/HouseList" v-if="role==2">房屋列表</el-menu-item>

      <el-menu-item index="/house/MyHouse" v-if="role==1">我的房屋</el-menu-item>
    </el-submenu>

    <el-submenu index="3">
      <template slot="title">
        <span>业主信息管理</span>
      </template>
      <el-menu-item index="/owner/OwnerList" v-if="role==2">业主管理</el-menu-item>
      <el-menu-item index="/owner/AddOwner" v-if="role==2">添加业主</el-menu-item>
      <el-menu-item index="/owner/OwnerSelf" v-if="role==1">业主信息</el-menu-item>

    </el-submenu>
    <el-submenu index="4">
    <template slot="title">
      <span>车辆管理</span>
    </template>

    <el-menu-item index="/car/CarList" v-if="role==2">车辆列表</el-menu-item>
    <el-menu-item index="/car/MyCar" v-if="role==1">我的车辆</el-menu-item>
      <el-menu-item index="/car/AddCar" v-if="role==2">添加车辆</el-menu-item>
  </el-submenu>
    <el-submenu index="5">
      <template slot="title">
        <span>停车管理</span>
      </template>

      <el-menu-item index="/park/ParkList" v-if="role==2">停车位信息列表</el-menu-item>
      <el-menu-item index="/park/MyPark" v-if="role==1">我的停车位</el-menu-item>
      <el-menu-item index="/park/AddPark" v-if="role==2">添加停车位</el-menu-item>

    </el-submenu>
    <el-submenu index="6" >
      <template slot="title">
        <span>服务管理</span>
      </template>
      <el-menu-item index="/complaint/ComplaintList" v-if="role==2">投诉管理</el-menu-item>
      <el-menu-item index="/repair/RepairList" v-if="role==2">维修管理</el-menu-item>
      <el-menu-item index="/complaint/AddComplaint" v-if="role==1">投诉</el-menu-item>
      <el-menu-item index="/repair/AddRepair" v-if="role==1">报修</el-menu-item>
      <el-menu-item index="/complaint/MyComplaint" v-if="role==1">我的投诉</el-menu-item>
      <el-menu-item index="/repair/MyRepair" v-if="role==1">我的报修</el-menu-item>
      <el-menu-item index="/repair/UpdRepair" v-if="role==3">报修处理</el-menu-item>
    </el-submenu>
    <el-submenu index="6" v-if="role==2">
      <template slot="title">
        <span>系统管理</span>
      </template>
      <el-menu-item index="/user/AddUser">添加用户</el-menu-item>
      <el-menu-item index="/car/IdentifyCar">车辆识别</el-menu-item>
    </el-submenu>
  </el-menu>
</template>

<script>
export default {
  name: "Aside",
  data(){
    return {
      role:sessionStorage.getItem("role")
    }
  }
}
</script>

<style scoped>

</style>
